<template>
  <div class="page">
    <t-nav-bar
        title="故障上报"
        left-text="返回"
        left-arrow
        @click-left="handleBack"
    />
    <div class="content">
      <h1>故障上报</h1>
      <p>这是故障上报内容。</p>
    </div>
  </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router'

const router = useRouter()

const handleBack = () => {
  router.back()
}
</script>

<style scoped>
.page {
  height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: Arial, sans-serif;
  background-color: #100e0e;
}

.content {
  flex: 1;
  padding: 20px;
}
</style>
